<template>

 <div class="divson" >
    <div class="divimg" :style="{'height':props._divheight+'px' }" >
      <img :src="props._src" alt="">  
    </div>
    <div class="detail" >
        {{props._word }}
        </div>
    <div class="love">
        <span style="margin-left: 0.5rem;"><span>🌞</span>用户名</span>
        <span style="margin-right: 0.5rem;">🧡{{ props._love }}</span>
    </div>  
 </div>

</template>
<script setup >
import {ref,reactive} from 'vue'
const props=defineProps(['_src','_word',"_love","_divheight"])



</script>
<style scoped>
.divson{
    width: 100%;
    /* height: 160px; */
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items:center;

}
.divimg{
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.detail{
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    text-align: justify;
    padding:0 0.5rem;
}

.love{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
</style>
   
  